<template>
  <div>
    <Header />
     <router-view />
    <!-- 
      需求：Footer组件在登录以及注册的界面是不显示的
      解决：判断当前是否在登录或者注册页面即可
      1、<Footer v-if="$route.path !== '/login'&& $route.path !== '/register'" />
      2、<Footer v-if="!$route.meta.isFooterHide"/>
     -->
     <!-- 主要使用第二种meta参数这一种方法，只要当前组件加载了，就有meta组件 -->
     <!-- 当 isFooterHide:true,为true的时候就隐藏，后续任何组件需要隐藏底部的时候就不需要去修改任何逻辑，直接加上mete:true即可 -->
    <Footer v-if="!$route.meta.isFooterHide"/>
   
  </div>
</template>

<script>
import Header from "./components/Header"
import Footer from "./components/Footer"
export default {
  name:"App",
  //注册组件
  components:{
    Header,
    Footer,
  }
  
}
</script>

<style lang="less">

</style>